<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h2>테이블 테스트</h2>
	<!-- 
<table> - 표
속성 : border="숫자" - 경계선의 굵기 / width/height - 표의 너비/높이
	   cellpadding="숫자" - 칸의 공간 맞추기
	<thead>, <tbody>, <tfoot>
		<tr> - 행
			<td>||<th> - 열(cell)

cell 합치기 : td||td의 속성
	행단위로 합치기 : rowspan="합칠 cell수"
	열단위로 합치기 : colspan="합칠 cell수"
	시작하는 곳에서 합치기 
	-->
	<table border="1" width="350" cellpadding="10"
		style="border-collapse: collapse">
		<thead>
			<tr>
				<td>이름</td>
				<td>나이</td>
				<td>주소</td>
			</tr>
		</thead>

		<tbody>
			<tr>
				<td width="100">김철수</td>
				<td>20</td>
				<td>서울시 반포동</td>
			</tr>
			<tr>
				<td>오인선</td>
				<td>23</td>
				<td rowspan="2">서울시 방배동</td>
			</tr>
			<tr>
				<td>서지원</td>
				<td>24</td>

			</tr>
		</tbody>

		<tfoot>
			<tr>
				<th>평균나이</th>
				<td colspan="2">25세</td>
				<!-- 두개공간 합침 -->
			</tr>
		</tfoot>
	</table>
</body>
</html>